<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: "app"
};
</script>

<style>
html,
body {
  height: 100%;
}
* {
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

body {
  margin: 0;
}

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.warning {
  color: #ffd04b;
}

.success {
  color: #1aad19;
}

.normal {
  color: #666;
}

.price {
  color: #fa5555;
}
.ad-imgs img {
  width: auto !important;
  height: 200px !important;
}

.ad-imgs .el-icon-plus {
  line-height: 200px;
}

.ad-imgs .el-upload--picture-card,
.ad-imgs .el-upload-list--picture-card .el-upload-list__item {
  width: auto;
  min-width: 200px;
  height: 200px;
}

.info-imgs img,
.info-imgs .el-upload--picture-card,
.info-imgs .el-upload-list--picture-card .el-upload-list__item {
  width: 200px;
  height: 200px;
}

.info-imgs .el-icon-plus {
  line-height: 200px;
}

/* 面包屑导航 */
.breadcrumb {
  margin-bottom: 20px;
}

/* 操作 */
.operation {
  text-align: right;
  margin-bottom: 20px;
}

.operation .el-form-item {
  margin-bottom: 0;
}

.operation-btns {
  text-align: left;
  margin-bottom: 20px;
}

/* 页码 */
.pages {
  text-align: right;
  margin-top: 20px;
}

/* 通用 flex */
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-center {
  align-items: center;
  justify-content: center;
}

/* element 组件 */

.el-select .el-input {
  width: 130px;
}

.hide .el-upload {
  display: none;
}

.img-list .el-upload-list__item,
.img-list .el-upload--picture-card {
  width: 250px;
  height: 250px;
}
.img-list .el-upload--picture-card i {
  font-size: 40px;
  line-height: 250px;
}

.el-steps {
  justify-content: center;
}

.el-form-item.active .el-upload {
  display: none !important;
}

.low-label label {
  line-height: 32px;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px !important;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}

.loading-wrap {
  width: 100%;
  height: 100%;
}

.loading-wrap i {
  font-size: 30px;
  width: 30px;
  height: 30px;
}
</style>
